<script setup lang="ts">

</script>

<template>
  <div class="leaveMessage">
      <button class="leaveMessageBtn">
          <div class="messageImg">
              <img src="../images/message.png" alt="">
          </div>
          <div>给他/她留言</div>
      </button>

  </div>

</template>

<style scoped>
.leaveMessage {
    position: static;
    width: 375px;
    bottom: 0;
    background-color: #fff;
    .leaveMessageBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px auto 20px;
        width: 80%;
        height: 40px;
        background-color: #c81127;
        border-radius: 8px;
        border: none;
        color:#fff;
        .messageImg {
            margin-right: 8px;
            //width: 14px;
            //height: 14px;

        }

    }
}
</style>